<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
    <title>用户建站需求表</title>
    <link rel='stylesheet' href='<%- rootUrl %>/res/adapter.css' />
    <link rel='stylesheet' href='<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css'/>
    <style>
        input[type="checkbox"]{zoom:1.5;vertical-align:middle;margin:0}
        input[type="text"],input[type="number"]{width:8em}
        input[type="color"]{background:none;padding:0;width:6em;height:2.5em;border:0;vertical-align:middle}
        td > input{margin-right:1em}
    </style>
    <script src="<%- rootUrl %>/res/adapter.js"></script>
    <script src="<%- rootUrl %>/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="<%- rootUrl %>/res/relatechecks.js"></script>
</head>
<body class="body-nomargin common-style">
<alljs-widget><message-top><%- message %></message-top></alljs-widget>
<%- components['signhead'] ? include(components['signhead'], this) : '' %>
<div class="width-limit padding-leftright auto-input-width">
    <h1><b>网站建设需求分析</b></h1>
    <br/>
    <h2>网站建站需求</h2>
    <table border="0">
    <tr><td>甲方负责人</td><td class="rc-mutex-group"><input type="text" style="width: 25%" />（<input type="checkbox" />先生/<input type="checkbox" />女士）</td></tr>
    <tr><td>所属单位（选填）</td><td><input type="text" /></td></tr>
    <tr><td>手机号码</td><td><input type="text" /></td></tr>
    <tr><td>联系地址（选填）</td><td><textarea cols="50"></textarea></td></tr>
    </table>
    <p>&nbsp;</p>
    <div class="rc-selectall-group">
    <p>所需建站服务：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p><input type="checkbox" data-price="500" />建子站，</p>
    <p><input type="checkbox" data-price="500" />服务器布置，<input type="checkbox" data-price="200" />域名申请和映射，<input type="checkbox" data-price="500" />网站备案，<input type="checkbox" data-price="200" />功能扩展，</p>
    <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" checked />网站维护（<span class="rc-mutex-group"><input type="checkbox" data-price="600" />&nbsp;1个月，<input type="checkbox" data-price="1100" checked />&nbsp;2个月，<input type="checkbox" data-price="1400" />&nbsp;3个月，<input type="checkbox" data-price="2000" />半年，<input type="checkbox" data-price="2600" />&nbsp;1年，<input type="checkbox" data-price="3200" />&nbsp;2年，<input type="checkbox" data-price="3500" />&nbsp;3年</span>），</p>
    <p><input type="checkbox" checked />网站开发，<input type="checkbox" data-price="500" />微信公众号/订阅号开发，</p>
    <p><input type="checkbox" data-price="200" checked />短信服务申领与适配，<input type="checkbox" data-price="200" checked />邮箱服务申领与适配，<input type="checkbox" data-price="500" />微信公众平台申领与适配，</p>
    <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" />第三方登陆服务申领与适配（<input type="checkbox" data-price="300" />&nbsp;QQ，<input type="checkbox" data-price="300" />新浪，<input type="checkbox" data-price="500" />微信，<input type="checkbox" data-price="500" />支付宝），</p>
    <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" checked />第三方分享服务申领与适配（<input type="checkbox" data-price="100" checked />&nbsp;QQ，<input type="checkbox" data-price="100" checked />新浪，<input type="checkbox" data-price="100" checked />微信，<input type="checkbox" data-price="100" checked />朋友圈），</p>
    <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" />第三方支付服务申领与适配（<input type="checkbox" data-price="500" />&nbsp;微信，<input type="checkbox" data-price="500" />支付宝，<input type="checkbox" data-price="1000" />银行卡，<input type="checkbox" data-price="500" />Paypal），</p>
    <p>其它服务附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-mutex-group">
    <p>网站的基本类型：</p>
    <p><input type="checkbox" checked />企业网站，<input type="checkbox" />产品网站，<input type="checkbox" />个人博客，<input type="checkbox" data-price="2000" />大型公共博客，</p>
    <p><input type="checkbox" data-price="5000" />论坛，<input type="checkbox" data-price="5000" />小型电子商城，<input type="checkbox" data-price="20000" />大型电子商城，<input type="checkbox" data-price="20000" />大型门户，<input type="checkbox" data-price="20000" />业务系统</p>
    <p>其它类型附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-selectall-group">
    <p>网站需适应的版式：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p><input type="checkbox" checked />电脑端浏览器，<span class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check" data-price="1.5" checked />移动端浏览器（<input type="checkbox" data-price="200" checked />微信端，<input type="checkbox" data-price="1.5" />WebApp）</span></p>
    <p>其它版式附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-selectall-group">
    <p>需要的功能页面：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p>1.&nbsp;基础功能：</p>
    <p><input type="checkbox" checked />图文海报(可作为首页)，<input data-price="100" type="checkbox" />资讯(可作为首页)&nbsp;，</p>
        <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" />卡片列表（可作为首页）（<span class="rc-mutex-group"><input type="checkbox" data-price="200" />网格&nbsp;<input type="checkbox" data-price="200" />横&nbsp;<input type="checkbox" data-price="300" />纵</span>），</p>
    <p><input type="checkbox" checked />普通文章，<input type="checkbox" data-price="200" />幻灯片式文章，</p>
    <p><input type="checkbox" data-price="100" checked />文章帖子列表（<input type="checkbox" data-price="500" />拖拽刷新），<input type="checkbox" data-price="100" />商品列表（<input type="checkbox" data-price="500" />拖拽刷新），</p>
    <p><input type="checkbox" data-price="100" checked />发表/编辑文章，<input type="checkbox" data-price="100" />发布/编辑商品，</p>
    <p><input type="checkbox" data-price="500" checked />搜索文章/商品，<input type="checkbox" data-price="500" checked />留言回复，<input type="checkbox" data-price="200" checked />点赞，<input type="checkbox" data-price="200" />收藏，</p>
    <p>2.&nbsp;用户系统：</p>
    <p><input type="checkbox" data-price="800" checked />用户登录/注册/信息修改/密码修改/密码找回，<input type="checkbox" data-price="500" />账号找回，</p>
    <p class="rc-dirty-group"><input type="checkbox" class="rc-dirty-check rc-dirty-uncheck" />三方登陆（<input type="checkbox" data-price="300" />&nbsp;QQ，<input type="checkbox" data-price="300" />新浪，<input type="checkbox" data-price="500" />微信，<input type="checkbox" data-price="500" />支付宝），</p>
    <p><input type="checkbox" data-price="200" checked />用户中心，<input type="checkbox" data-price="500" checked />用户留言/点赞/收藏历史记录，<input type="checkbox" data-price="200" />用户充值/消费历史记录，</p>
    <p>3.&nbsp;其它功能：</p>
    <p><input type="checkbox" data-price="500" checked />短信服务（含验证码），<input type="checkbox" data-price="200" checked />邮件服务（含密码重置），</p>
    <p><input type="checkbox" data-price="300" />订单系统，<input type="checkbox" data-price="500" />支付系统，<input type="checkbox" data-price="1000" />物流跟踪系统，</p>
    <p><input type="checkbox" data-price="1000" />业务功能树图，<input type="checkbox" data-price="1000" />业务表格，<input type="checkbox" data-price="2000" />业务统计图，</p>
    <p><input type="checkbox" data-price="1500" />实时聊天，<input type="checkbox" data-price="500" />站内信，<input type="checkbox" data-price="1500" />地图与定位，<input type="checkbox" data-price="500" />投票，<input type="checkbox" data-price="200" />文件附件上传/下载，<input type="checkbox" data-price="100" />文件浏览</p>
    <p>其它功能页面附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-selectall-group">
    <p>需要的站点管理页面：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p><input type="checkbox" data-price="200" checked />站点统计，<input type="checkbox" data-price="200" checked />发布审核，<input type="checkbox" data-price="200" checked />板块配置</p>
    <p><input type="checkbox" data-price="500" />邮件群发/定向发，<input type="checkbox" data-price="500" />短信群发/定向发，</p>
    <div class="rc-dirty-group">
    <p><input type="checkbox" class="rc-dirty-check" data-price="1000" checked />数据库管理（<input type="checkbox" data-price="200" checked />用户/组/权限管理，<input type="checkbox" data-price="500" checked />Session监控，</p>
    <p>&emsp;&emsp;<input type="checkbox" data-price="500" />支付系统监控，<input type="checkbox" data-price="500" />聊天/站内信监控）</p>
    </div>
    <p>其它管理页面附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div>
    <p>业务系统数据实体：（业务系统详细）</p>
    <table>
    <tr><td>数据表数量：</td><td><input type="number" /></td><td>数据关系数量：</td><td><input type="number" /></td></tr>
    <tr><td>视图数量：</td><td><input type="number" /></td><td>监听器数量：</td><td><input type="number" /></td></tr>
    <tr><td colspan="4"><g>参考价(另计): 表数量*200+关系数量*200+视图数量*50+监听器数量*50</g></td></tr>
    </table>
    <p>其他业务要求附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <br/>
    <h2>网站设计需求</h2>
    <table border="0">
    <tr><td>甲方负责人</td><td class="rc-mutex-group"><input type="text" style="width: 25%"/>（<input type="checkbox" />先生/<input type="checkbox" />女士）</td></tr>
    <tr><td>所属单位（选填）</td><td><input type="text" /></td></tr>
    <tr><td>手机号码</td><td><input type="text" /></td></tr>
    <tr><td>联系地址（选填）</td><td><textarea cols="50"></textarea></td></tr>
    </table>
    <p>&nbsp;</p>
    <div class="rc-selectall-group">
    <p>网站的基本风格：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p><input type="checkbox" />严肃正式，<input type="checkbox" checked />优雅时尚，<input type="checkbox" data-price="300" />科技前卫，<input type="checkbox" data-price="500" />自然清新，<input type="checkbox" data-price="500" />温馨柔和，<input type="checkbox" data-price="800" />动感强势，<input type="checkbox" data-price="800" />活泼诙谐</p>
    <p>其它风格附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-selectall-group">
    <p>网站的特殊风格偏好：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <p><input type="checkbox" checked />极简，<input type="checkbox" checked />色块，<input type="checkbox" data-price="1000" />3D，<input type="checkbox" data-price="1000" />动画，<input type="checkbox" data-price="1000" />水晶，<input type="checkbox" data-price="1000" />毛玻璃，<input type="checkbox" data-price="1000"/>水墨画，<input type="checkbox" data-price="1000" />朋克，<input type="checkbox" data-price="1000" />科幻，<input type="checkbox" data-price="1000" />魔幻</p>
    <p>其它风格附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <div class="rc-selectall-group">
    <p>网站的色彩偏好（甲方对网站色彩的基本倾向）：&emsp;<input type="checkbox" class="rc-selectall"/>全选/全不选</p>
    <div class="adapt-panel childs-flex-grow" style="font-size:12px">
    <div>
    <p><strong><input type="checkbox" checked />黑色 <input type="color" value="#000000"/> </strong>&emsp;<strong><input type="checkbox" checked />白色 <input type="color" value="#FFFFFF"/> </strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" checked />灰色 <input type="color" value="#808080"/> （<input type="checkbox" checked />暗灰&nbsp;<input type="checkbox" checked />亮灰）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" checked />红色 <input type="color" value="#FF0000"/> （<input type="checkbox" />暗红&nbsp;<input type="checkbox" />亮红）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />朱红 <input type="color" value="#FF4000"/> （<input type="checkbox" />暗朱红&nbsp;<input type="checkbox" />亮朱红）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />橙色 <input type="color" value="#FFC000"/> （<input type="checkbox" />暗橙&nbsp;<input type="checkbox" />亮橙）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />黄色 <input type="color" value="#FFFF00"/> （<input type="checkbox" />暗黄&nbsp;<input type="checkbox" />亮黄）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />橄榄 <input type="color" value="#808000"/> （<input type="checkbox" />暗橄榄&nbsp;<input type="checkbox" />亮橄榄）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />黄绿 <input type="color" value="#C0FF00"/> （<input type="checkbox" />暗黄绿&nbsp;<input type="checkbox" />亮黄绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />草绿 <input type="color" value="#80C040"/> （<input type="checkbox" />暗草绿&nbsp;<input type="checkbox" />亮草绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />绿色 <input type="color" value="#00FF00"/> （<input type="checkbox" />暗绿&nbsp;<input type="checkbox" />亮绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />翠绿 <input type="color" value="#008000"/> （<input type="checkbox" />暗翠绿&nbsp;<input type="checkbox" />亮翠绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />碧绿 <input type="color" value="#00FFC0"/> （<input type="checkbox" />暗碧绿&nbsp;<input type="checkbox" />亮碧绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />青色 <input type="color" value="#00FFFF"/> （<input type="checkbox" />暗青&nbsp;<input type="checkbox" />亮青）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />靛青 <input type="color" value="#008080"/> （<input type="checkbox" />暗靛青&nbsp;<input type="checkbox" />亮靛青）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />靛蓝 <input type="color" value="#0080FF"/> （<input type="checkbox" />暗靛蓝&nbsp;<input type="checkbox" />亮靛蓝）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />蓝色 <input type="color" value="#0000FF"/> （<input type="checkbox" />暗蓝&nbsp;<input type="checkbox" />亮蓝）</strong></p>
    </div>
    <div>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />丁香 <input type="color" value="#C0C0FF"/> （<input type="checkbox" />暗丁香&nbsp;<input type="checkbox" />亮丁香）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />罗兰 <input type="color" value="#8000FF"/> （<input type="checkbox" />暗罗兰&nbsp;<input type="checkbox" />亮罗兰）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />紫色 <input type="color" value="#800080"/> （<input type="checkbox" />暗紫&nbsp;<input type="checkbox" />亮紫）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />品红 <input type="color" value="#FF00FF"/> （<input type="checkbox" />暗品红&nbsp;<input type="checkbox" />亮品红）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />桃色 <input type="color" value="#FF0080"/> （<input type="checkbox" />暗桃&nbsp;<input type="checkbox" />亮桃）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />粉色 <input type="color" value="#FFC0C0"/> （<input type="checkbox" />暗粉&nbsp;<input type="checkbox" />亮粉）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />棕色 <input type="color" value="#CC6600"/> （<input type="checkbox" />暗棕&nbsp;<input type="checkbox" />亮棕）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />棕绿 <input type="color" value="#807000"/> （<input type="checkbox" />暗棕绿&nbsp;<input type="checkbox" />亮棕绿）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />栗色 <input type="color" value="#802A2A"/> （<input type="checkbox" />暗栗&nbsp;<input type="checkbox" />亮栗）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />金色 <input type="color" value="#F2BE45"/> （<input type="checkbox" />暗金&nbsp;<input type="checkbox" />亮金）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />银色 <input type="color" value="#E9E7EF"/> （<input type="checkbox" />暗银&nbsp;<input type="checkbox" />亮银）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />咖啡 <input type="color" value="#603811"/> （<input type="checkbox" />暗咖啡&nbsp;<input type="checkbox" />亮咖啡）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />奶咖 <input type="color" value="#E3AD99"/> （<input type="checkbox" />暗奶咖&nbsp;<input type="checkbox" />亮奶咖）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />驼色 <input type="color" value="#C0A080"/> （<input type="checkbox" />暗驼色&nbsp;<input type="checkbox" />亮驼色）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />冰雪 <input type="color" value="#D5EBFF"/> （<input type="checkbox" />暗冰雪&nbsp;<input type="checkbox" />亮冰雪）</strong></p>
    <p class="rc-dirty-group"><strong><input type="checkbox" class="rc-dirty-check" data-price="100" />象牙 <input type="color" value="#EBE5D1"/> （<input type="checkbox" />暗象牙&nbsp;<input type="checkbox" />亮象牙）</strong></p>
    </div>
    </div>
    <p>其它色彩偏好附注：</p>
    <p><textarea cols="50"></textarea></p>
    <p>&nbsp;</p>
    </div>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
</div>
<div style="position:fixed;bottom:1em;right:1em;padding:0.5em;background:white;border:2px solid black">
    <div style="text-align:center">
        <p>参考总价&emsp;<span style="text-decoration:line-through">￥<span id="totalPrice"></span></span></p>
        <p><g id="discount">7月特惠:6折（07.01~07.31）</g></p>
        <p>折后价&emsp;<rbl>￥<span id="realPrice"></span></rbl></p>
        <p><button onclick="savePlan()">保存方案 <g style="font-size:0.8em">浏览器缓存</g></button><button onclick="clearPlan()">清除</button></p>
    </div>
</div>
<script>
$('input[type="hidden"]').val('olleh');
var checkboxs = $('input[type="checkbox"]');
var totalpriceDiv = $('#totalPrice');
var realpriceDiv = $('#realPrice');
var getPrice = function(){
    let totalPrice = 0;
    let doubles = 1.0;
    checkboxs.each(function(){
        if (!$(this).prop('checked'))
            return;
        let price = $(this).attr('data-price');
        if (!price)
            return;
        price = parseFloat(price);
        if (isNaN(price))
            return;
        if (price > 0.0 && price <10.0)
            doubles *= price;
        else
            totalPrice += price;
    });
    return parseFloat((totalPrice * doubles).toFixed(2));
};
var refreshText = function(){
    let cur = getPrice();
    let real = parseFloat((cur * 0.6).toFixed());
    totalpriceDiv.text(cur);
    let ori = parseFloat(realpriceDiv.text());
    if (!isNaN(ori)){
        let div = real - ori;
        if (div !== 0)
            showMessage('价格' + (div>0 ? '+':'') + div);
    }
    realpriceDiv.text(real);
};
var timeoutHandler = null;
checkboxs.change(function(){
    if (!timeoutHandler)
        clearTimeout(timeoutHandler);
    timeoutHandler = setTimeout(refreshText, 200);
});
$(function(){
    refreshText();
    let dt = new Date();
    let mon = dt.getMonth()+1;
    let days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    $('#discount').text('' + mon + '月特惠:6折('+mon+'.1~'+mon+'.'+days[mon-1]+')');
    relateChecks($('body'));
});
var savePlan = function(){
    let vals = window.saveFormValues($('body'));
    window.setCookie('ucr', JSON.stringify(vals), 48*3600*1000);
    window.showMessage('此方案在缓存中保存48小时');
};
var clearPlan = function(){
    window.setCookie('ucr', '', 0);
};
(function(){
    try{
        let vals = JSON.parse(window.getCookie('ucr'));
        window.loadFormValues($('body'), vals);
    }catch(err){

    }
})();
</script>
</body>
</html>